@keyframes yuan {
	0% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes yuan {
	0% {
		-webkit-transform: rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg);
	}
}

@keyframes show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes show1 {
	0% {
		transform: scale(0, 0);
	}
	100% {
		transform: scale(1, 1);
	}
}

@-webkit-keyframes show1 {
	0% {
		-webkit-transform: scale(0, 0);
	}
	100% {
		-webkit-transform: scale(1, 1);
	}
}

@keyframes show2 {
	0% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(2.2, 2.2);
	}
}

@-webkit-keyframes show2 {
	0% {
		-webkit-transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(2.2, 2.2);
	}
}

@keyframes show3 {
	0% {
		transform: scale(10, 10);
	}
	100% {
		transform: scale(1, 1);
	}
}

@-webkit-keyframes show3 {
	0% {
		-webkit-transform: scale(10, 10);
	}
	100% {
		-webkit-transform: scale(1, 1);
	}
}

@keyframes cd {
	0% {
		width: 34%;
		margin-left: -17%;
		height: 3%;
		background: url(../img/cd_up.png) no-repeat;
		background-size: 100% auto;
	}
	100% {
		width: 50%;
		margin-left: -25%;
		height: 15%;
		background: url(../img/cd.png) no-repeat;
		background-size: 100% auto;
	}
}

@-webkit-keyframes cd {
	0% {
		width: 34%;
		margin-left: -17%;
		height: 3%;
		background: url(../img/cd_up.png) no-repeat;
		background-size: 100% auto;
	}
	100% {
		width: 50%;
		margin-left: -25%;
		height: 15%;
		background: url(../img/cd.png) no-repeat;
		background-size: 100% auto;
	}
}

@keyframes show5 {
	0% {
		transform: scale(1.1, 1.1);
	}
	50% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1.1, 1.1);
	}
}

@-webkit-keyframes show5 {
	0% {
		-webkit-transform: scale(1.1, 1.1);
	}
	50% {
		-webkit-transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
	}
}

@keyframes show6 {
	0% {
		background: url(../img/hw_bg.jpg) no-repeat;
		background-size: 100% 100%;
	}
	25% {
		background: url(../img/hw_bg1.png) no-repeat;
		background-size: 100% 100%;
	}
	50% {
		background: url(../img/hw_bg2.png) no-repeat;
		background-size: 100% 100%;
	}
	75% {
		background: url(../img/hw_bg3.png) no-repeat;
		background-size: 100% 100%;
	}
	100% {
		background: url(../img/hw_bg4.png) no-repeat;
		background-size: 100% 100%;
	}
}

@-webkit-keyframes show6 {
	0% {
		background: url(../img/hw_bg.jpg) no-repeat;
		background-size: 100% 100%;
	}
	25% {
		background: url(../img/hw_bg1.png) no-repeat;
		background-size: 100% 100%;
	}
	50% {
		background: url(../img/hw_bg2.png) no-repeat;
		background-size: 100% 100%;
	}
	75% {
		background: url(../img/hw_bg3.png) no-repeat;
		background-size: 100% 100%;
	}
	100% {
		background: url(../img/hw_bg4.png) no-repeat;
		background-size: 100% 100%;
	}
}

@keyframes font {
	0% {
		transform: translateY(-350%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes font {
	0% {
		-webkit-transform: translateY(-350%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

@keyframes go {
	0% {
		transform: translateX(-350%);
	}
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes go {
	0% {
		-webkit-transform: translateX(-350%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@keyframes car_go {
	0% {
		transform: translateX(80%);
	}
	50% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}

@-webkit-keyframes car_go {
	0% {
		-webkit-transform: translateX(80%);
	}
	50% {
		-webkit-transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(-100%);
	}
}

@keyframes car_g {
	0% {
		transform: rotateZ(360deg);
	}
	100% {
		transform: rotateZ(0deg);
	}
}

@-webkit-keyframes car_g {
	0% {
		-webkit-transform: rotateZ(360deg);
	}
	100% {
		-webkit-transform: rotateZ(0deg);
	}
}

@keyframes car_go1 {
	0% {
		transform: translateX(-150%);
	}
	100% {
		transform: translateX(-90%);
	}
}

@-webkit-keyframes car_go1 {
	0% {
		-webkit-transform: translateX(-150%);
	}
	100% {
		-webkit-transform: translateX(-90%);
	}
}

@keyframes car_g1 {
	0% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(90deg);
	}
}

@-webkit-keyframes car_g1 {
	0% {
		-webkit-transform: rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(90deg);
	}
}

@keyframes zd {
	0% {
		top: 70%;
		left: 15%;
		opacity: 0;
	}
	100% {
		top: 5%;
		left: 85%;
	}
}

@-webkit-keyframes zd {
	0% {
		top: 70%;
		left: 15%;
		opacity: 0;
	}
	100% {
		top: 5%;
		left: 85%;
	}
}

